<!-- 对齐方式面板 -->
<template>
  <div class="content4">
    <span>左对齐</span>
    <span>居中对齐</span>
    <span>右对齐</span>
  </div>
</template>
<script>
 export default {
   name: 'alignView' 
 }
</script>
<style scoped lang="scss">
.content4 {
    background-color: #fff ;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    span{
        padding: 5px 10px;
        background-color: #ede8e8;
        border: 1px solid #999;
        box-shadow: inset 0 0 10px #999;
    }
    span:active{
        background-color: #f5f5f5;
    }
}
</style>